<!-- body onload="document.registration.userid.focus();"-->
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="error" uri="/WEB-INF/tags/ErrorTag.tld"%>

<t:basicTemplate pageTitle="SWIMv2 - ${userName} - Ask for Ability">
	<jsp:attribute name="extrahead">
<link rel='stylesheet' href='css/plainform.css' type='text/css' />
		
		<link rel='stylesheet' href='css/registrationStyle.css'
			type='text/css' />
	   
	   <!--  states that when #custom_form is submitted, it has to be validated --> 
	   <script type="text/javascript" src="script/triggerValidation.js"></script>
	    
	    <!--  validate the form  -->
	    <script type="text/javascript" src="script/validate.js"></script> 
	    
	    <!-- stile -->
	    <link href="css/style.css?upd=1.5" type="text/css" rel="stylesheet" />
	
	</jsp:attribute>
	<jsp:body>
        <h1>Ask Ability</h1>
		
		<div class="error-style">
			<error:errors error="${param.error}"></error:errors>
		</div>
		<p>Use tab keys to move from one input field to the next.</p>
	
		<div id="cat">
			<img src="img/please.jpg" alt="please" id="please" />
		</div>
	
		<div id="form">
			<form name='custom_form' onSubmit="return formValidation();" id="custom_form"
				method="post" action="askAbilityProceed">
				<ul>
	
					<li><label for="name">Ability Name*:</label></li>
					<li><input type="text" name="name" 
					size="12" value="" data-validation="validate_length length3-30" /></li>
	
					<li><label for="description">Ability Description*:</label></li>
					<li>
						<textarea name="description" data-validation="validate_length length0-200"
						 rows="5" cols="50">Insert here the description of the ability</textarea> </li>
	
					<li><input type="submit" name="submit" value="Submit" /></li>
				</ul>
			</form>
			

		</div>
	</jsp:body>
</t:basicTemplate>

